<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>注册</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<link href="font/iconfont.css" rel="stylesheet">
<link href="css/reset.css" rel="stylesheet">
<link href="css/enroll.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="js/phone.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/Validform_v5.3.2_ncr_min.js"></script>
</head>
<body>
    <div class="container">
        <!-- logo 开始 -->
        <header>
            <img src="img/logo1.png" alt="">
            <p>阅居</p>
        </header>

        <!-- logo  结束 -->
        <!-- 中间部分 开始 -->
        <section>
            <form action="" id="form">
                <div class="phone">
                    <span class="iconfont icon-denglu"></span>
                    <input type="text" placeholder="请输入手机号/邮箱" >
                </div>
                <div class="code">
                    <span class="iconfont icon-mima"></span>
                    <input type="password" placeholder="请输入密码" >
                </div>
                <div class="state">
                    <input type="text" placeholder="请输入动态密码" >
                    <button>获取验证码</button>
                </div>
                <div class="complete">
                    <button>注册完成</button>
                </div>
            </form>
        </section>
        <!-- 中间部分 结束 -->
        <!-- 底部 开始 -->

        <footer>
            <p>注册即代表同意《阅居注册条款》和《阅居社区条款》</p>
        </footer>
    </div>
    <!-- 底部结束 -->

</body>
</html>